import { Button } from "@/components/ui/button"

const emojis = ["😀", "😂", "😍", "🤔", "👍", "👎", "❤️", "🎵", "🎶", "🎸", "🎤", "🎧"]

interface EmojiPickerProps {
  onEmojiSelect: (emoji: string) => void
}

export function EmojiPicker({ onEmojiSelect }: EmojiPickerProps) {
  return (
    <div className="flex flex-wrap gap-2 p-2 bg-background border rounded-md shadow-sm">
      {emojis.map((emoji) => (
        <Button key={emoji} variant="ghost" size="sm" className="w-8 h-8 p-0" onClick={() => onEmojiSelect(emoji)}>
          {emoji}
        </Button>
      ))}
    </div>
  )
}

